import React from 'react';

interface AnimalCardProps {
  emoji: string;
  name: string;
  description: string;
  bgColor: string;
}

export default function AnimalCard({ emoji, name, description, bgColor }: AnimalCardProps) {
  return (
    <div className="bg-white rounded-lg shadow-md overflow-hidden">
      <div className={`h-48 ${bgColor} flex items-center justify-center`}>
        <span className="text-6xl">{emoji}</span>
      </div>
      <div className="p-4">
        <h2 className="text-xl font-semibold mb-2">{name}</h2>
        <p className="text-gray-600">{description}</p>
      </div>
    </div>
  );
} 